#{extends 'noTab.html' /} #{set title: 'SuperSoft Idea Management Tool' /}
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<h1 class="viewTitle">IDEA MANAGEMENT SYSTEM</h1>
	<li style="background-color: rgba(68,68,112,1.0); padding: 0px; height: 30px;" id="userStatus">
			<div class="button" style="margin: 4px 10px; padding: 0px;"><a style="line-height: 15px; height: 15px; padding: 2px 3px; font-size: 11px;" href="@{Secure.logout()}">Logout</a></div>
													
		</li>
<div class="viewContent">

<script type="text/javascript">
	$(document).ready(function(){
	$.ajax({
				   type: "GET",
				   url: "/UserList/getOrderedUser2",
				   data: "",
				   success: function(html){
				     $("#contrib").replaceWith(html);
				   }
				 });
				 });
</script>

<div id="search">

					<div id="search" class="teaser">

						<form action="/application/searchresults" method="GET">

							<input style="float: left; background: #fff;" onclick="this.value=(this.value=='Search')?'':this.value; return false;" onblur="this.value=(this.value=='')?'Search':this.value; return false;" type="text" value="Search" name="searchKeyWord" class="inputText" />

							<input style="float: left;" type="image" src="/public/images/search.png" alt="Submit" />

							<div class="clear"></div>

							<span class="error"></span>

						</form>
						
					</div>
<a href="@{Browse.advancedSearch()}" class="standardLink" style="float: left;">You may try the Advanced Search..</a>

				</div>

<div id="orgs">
<h1> Sample Organizations: </h1>
#{table orgs, as:'product'}
	#{column 'Organization Name'}
	<p> ${product.name} </p>
	#{/column}
	#{column 'Lead\'s Name'}
	<p> ${product.getOrganizationLead().name}</p>
	#{/column}
#{/table}
</div>

<h1 id="top"> Top Contributors: </h1>
<div id="contrib">
</div>

<style type="text/css">
#orgs{
	position:relative;
	width:300px;
	top:30px;
}
#top{
	position:relative;
	bottom:100px;
	left:700px;
}
</style>

</div>


